<template>
	<view class="law-rate-list">
		<view class="law-rate-item">
			<view class="law-label">
				不逮捕率
			</view>
			<view class="law-progress">
				<u-line-progress active-color="#188CF1" height="20" :percent="chargeItem.arrest_ratio" :show-percent="false"/>
			</view>
			<view class="law-rate-value" style="color:#188CF1">
				{{chargeItem.arrest_ratio}}%
			</view>
		</view>
		<view class="law-rate-item">
			<view class="law-label">
				不起诉率
			</view>
			<view class="law-progress">
				<u-line-progress active-color="#2BA245" height="20" :percent="chargeItem.charge_ratio" :show-percent="false"/>
			</view>
			<view class="law-rate-value" style="color:#2BA245">
				{{chargeItem.charge_ratio}}%
			</view>
		</view>
		<view class="law-rate-item">
			<view class="law-label">
				无罪率
			</view>
			<view class="law-progress">
				<u-line-progress active-color="#888FFF" height="20" :percent="chargeItem.innocence_ratio" :show-percent="false"/>
			</view>
			<view class="law-rate-value" style="color:#888FFF">
				{{chargeItem.innocence_ratio}}%
			</view>
		</view>
		<view class="law-rate-item">
			<view class="law-label">
				免予刑事处罚率
			</view>
			<view class="law-progress">
				<u-line-progress active-color="#E93C3C" height="20" :percent="chargeItem.impunity_ratio" :show-percent="false"/>
			</view>
			<view class="law-rate-value" style="color:#E93C3C">
				{{chargeItem.impunity_ratio}}%
			</view>
		</view>
		<view class="law-rate-item">
			<view class="law-label">
				辩护率
			</view>
			<view class="law-progress">
				<u-line-progress active-color="#F1AD53" height="20" :percent="chargeItem.plead_ratio":show-percent="false" />
			</view>
			<view class="law-rate-value" style="color:#F1AD53">
				{{chargeItem.plead_ratio}}%
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		options: {
			styleIsolation: 'shared'
		},
		props:{
			chargeItem:{
				type:Object,
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./lawRateList.scss";
</style>
